/* pages/teamAccount/teamAccount.wxss */
.container{
  position: relative;
  .top{
    position: absolute;
    top: 0;
    width: 100%;
    .bg{
      position: absolute;
      width: 100%;
    }
    .info{
      position: relative;
      padding: 0 40rpx;
      .all{
        .num{
          font-size: 56rpx;
        }
      }
      .text{
        font-size: 30rpx;
        color: #1d6d3b;
      }
      .num{
        color: #ffffff;
        font-size: 40rpx;
      }
      >.flex{
        margin-top: 45rpx;
        > view{
          flex: 1
        }
      }
    }
    
    .with{
      position: relative;
      top: -160rpx;
      right: 0;
      .icon{
        position: absolute;
        width: 176rpx;
        right: 0;
      }
      .text{
        position: absolute;
        right: 33rpx;
        margin-top: 11rpx;
        color: #fff;
        font-size: 30rpx;
        z-index: 9;
      }
    }
  }

 
  >.content{
    position: relative;
    top: 360rpx;
    padding: 0 40rpx;
    padding-top: 35rpx;
      .tab{
      font-size: 30rpx;
      color: #999;
      left: -30rpx;

      &-item{
        padding-bottom: 3rpx;
        margin-right: 30rpx;
      }
    }
    .active{
      border-bottom: 3rpx solid #07c160;
	    color: #000104;
    }

    .scroll{
      margin-top: 65rpx;
      height: 720rpx;
      .list{
        &-item{
          justify-content: space-between;
          &:nth-child(n+2){
            margin-top: 60rpx;
          }
          .label{
            font-size: 24rpx;
        	  color: #333333;
          }
          .time{
            font-size: 24rpx;
            color: #999999;
            margin-top: 20rpx;
          }
          .price{
            font-size: 24rpx;
            color: #ff4b4b;
          }
          .success{
            color: #67C23A;
          }
          .danger{
            color: #ff4b4b;
          }
        }

        .block {
          font-size: 30rpx;
          box-shadow: 0px 2px 16px 0px rgba(8, 1, 3, 0.07);
          border-radius: 10rpx;
          &:nth-child(n+2){
            border-top: 1rpx solid #f4f4f4;
          }
          .flex {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            .right {
              text-align: right;
              color: #999;
              .time{
                font-size: 24rpx;
              }
            }
            .money {
              color: #ff4b4b;
            }
          }
          .content {
            view {
              margin: 15rpx 0;
            }
          }
        }
        .bank {
          width: 100%;
        }
      }
    }
  }
}